<template>
  <div class="block">
    <h4 class="text-center">Base Usage</h4>
    <basic></basic>
    <change-value></change-value>
    <placeholders></placeholders>
    <default-value></default-value>
    <hide-area></hide-area>
    <only-province></only-province>
    <trigger-event></trigger-event>
    <reset-button></reset-button>
    <disabled></disabled>
    <data-source></data-source>
  </div>
</template>


<script setup>
import Basic from './Basic'
import Placeholders from './Placeholders'
import DefaultValue from './DefaultValue'
import HideArea from './HideArea'
import OnlyProvince from './OnlyProvince'
import TriggerEvent from './TriggerEvent'
import ResetButton from './ResetButton'
import Disabled from './Disabled'
import ChangeValue  from './ChangeValue'
import DataSource  from './DataSource'
</script>
